<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>用户列表</title>
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css"
          integrity="sha384-HSMxcRTRxnN+Bdg0JdbxYKrThecOKuH5zCYotlSAcp1+c8xmyTe9GYg1l9a69psu" crossorigin="anonymous">

    <!-- 可选的 Bootstrap 主题文件（一般不用引入） -->
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap-theme.min.css"
          integrity="sha384-6pzBo3FDv/PJ8r2KRkGHifhEocL+1X2rVCTTkUfGk7/0pbek5mMa1upzvWbrUbOZ" crossorigin="anonymous">

    <!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
    <script src="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"
            integrity="sha384-aJ21OjlMXNL5UyIl/XNwTMqvzeRMZH2w8c5cRVpzpU8Y5bApTppSuUkhZXN0VxHd"
            crossorigin="anonymous"></script>
    <script th:src="@{http://code.jquery.com/jquery-2.1.1.min.js}"></script>
    <script crossorigin="anonymous" integrity="sha512-2e2aXOh4/FgkCAUyurkjk0Uw4m1gPcExFwb1Ai4Ajjg97se/FEWfrLG1na4mq8cgOzouc8qLIqsh0EGksPGdqQ==" src="https://lib.baomitu.com/vue/3.2.31/vue.cjs.js"></script>
    <style>
        td {
            text-align: center;
            font-size: 15px;
        }
    </style>
</head>
<body>
<h2 style="color: black;text-align: center">图库列表总览</h2>
<div style="border: cornflowerblue double 6px;padding: 6px;margin: 15px">
    <table class="table table-hover" style="border: black 1px solid;text-align: center">
        <tr>
            <td style="font-size: 22px;background-color: #FFF8DC">图片id</td>
            <td style="font-size: 22px;background-color: #FFF8DC">图片链接</td>
            <td style="font-size: 22px;background-color: #FFF8DC">图片版权</td>
            <td style="font-size: 22px;background-color: #FFF8DC">图片分类</td>
            <td style="font-size: 22px;background-color: #FFF8DC">上传时间</td>
            <td style="font-size: 22px;background-color: #FFF8DC">图库操作</td>
        </tr>
        <tr th:each="p:${photoList}">
            <td th:text="${p.getId()}" style="padding-top: 40px">图片id</td>
<!--            <td></td>-->
            <td ><img th:src="@{${p.getUrl()}}" style="width: 100px;height: 60px">
                <p th:text="${p.getUrl()}" style="width: 340px;color: blue"></p></td>
            <td th:text="${p.getAuthor()}" style="padding-top: 40px">图片版权</td>
            <td th:text="${p.getCategory()}" style="padding-top: 40px">图片分类</td>
            <td th:text="${p.getPdate()}" style="padding-top: 40px">上传时间</td>
            <td style="padding-top: 30px">
                <button type="button" class="btn btn-info"><a th:href="@{/photopush}">添加</a></button>
                <button type="button" class="btn btn-info"><a th:href="@{/photodel(id=${p.getId()})}">删除</a></button>
                <button type="button" class="btn btn-info"><a th:href="@{/adminindex}">返回</a></button>
                <button type="button" class="btn btn-info"><a th:href="@{/index}">主页</a></button>

            </td>

        </tr>
    </table>
</div>
</body>
</html>